<!--
	作者：1970477938@qq.com
	时间：2020-11-14
	描述：
-->
<!DOCTYPE html><!--文档类型定义，定义了文件的根元素-->
<html>
	<head>
		<meta charset="utf-8" /><!--声明编码，否则容易出现乱码-->
		<title>个人存款计算器</title>
		<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
		<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<!-- 新 Bootstrap 核心 CSS 文件 -->
        <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
        <script>
        	function calc(){
        		<!--alert("大家好！");-->
        		<!--confirm("您确认删除吗？？");-->
        		mon=$("#money").val();
        		reg=/^[0-9]{2,5}$/<!--0-9为阿拉伯数字,2,5为最少2位数,最多5位数-->
        		if(!reg.test(mon)){
        			$("#money").css("border-color","red");
        			return;
        		}
        		else
        		{
        			$("#money").css("border-color","");
        		}
        		monNum=parseInt(mon);
        		<!--取存款期限的值-->
        		year=$("#year option:selected").text();
        		if(year=="一年"){
        			balance=monNum*0.0175*1;
        			total=monNum+balance;
        		}
        		if(year=="二年"){
        			balance=monNum*0.0225*2;
        			total=monNum+balance;
        		}
        		if(year=="三年"){
        			balance=monNum*0.0275*3;
        			total=monNum+balance;
        		}
        		if(year=="五年"){
        			balance=monNum*0.0275*5;
        			total=monNum+balance;
        		}
        		$("#balance").val(balance);
        		$("#total").val(total);<!--将得出的值放入框里-->
        	}
        </script>
	</head>
	<body>
	   <div style="width:50%;"class="center-block text-center">
	   	<table class="table table-bordered">
	   		<tr class="bg-primary text-center">
	   			<td colspan="2">个人存款计算器</td>
	   		</tr>
	   		<tr>
	   			<td>存款金额</td>
	   			<td>
	   				<input placeholder="请输入数字"   class="form-control" type="text" id="money">
	   			</td>
	   		</tr>
	   		<tr>
	   			<td>存款期限</td>
	   			<td>
	   				<select class="form-control" id="year">
	   					<option value="0.0175">一年</option>
	   					<option value="0.0225">二年</option>
	   					<option value="0.0275">三年</option>
	   					<option value="0.0275">五年</option>
	   			</td>
	   		</tr>
	   		<tr>
	   			<td>所得利息</td>
	   			<td>
	   				<input readonly="readonly" class="form-control" type="text" id="balance">
	   			</td>
	   		</tr>
	   		<tr>
	   			<td>本息合计</td>
	   			<td>
	   				<input readonly="readonly" class="form-control" type="text" id="total"><!--readonly只读disabled啥都不行-->
	   			</td>
	   		</tr>
	   		<tr>
	   			<td colspan="2">
	   				<button onclick="calc()" class="btn btn-danger btn-block">开始计算</button>
	   			</td>
	   		</tr>
	   	</table>
	   	开发者：182054418 刘建琴
	   </div>
		
	</body>
</html>
